<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>手机子页面</title>
		<link rel="stylesheet" href="css/style.default.css" type="text/css" />
		<link rel="stylesheet" href="css/reveal.css" />
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
		<script type="text/javascript" src="js/plugins/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="js/custom/dashboard.js"></script>
		<script src="js/plugins/jquery.reveal.js"></script>
		<script src="js/custom/phone.js"></script>
		<style media="screen">
		#search_btn {
			background: url("images/icons/search_white2.png");
			background-color: #FB9337;
			width: 38px;
			height: 38px;
			float: right;
		}
		#search_txt {
			float: right;
			width: 20%;
		}
		#time_picker1 {
			float: right;
			margin: 8px 5px;
		}
		#time_picker2 {
			float: right;
			margin: 8px 5px;
		}
		.lunch {
			width: 100%;
			border: none;
		}
		td div {
			float: left;
			margin-left: 5px;
		}
		</style>
	</head>
	<body>
		<div class="content">
			<div class="search_phone">
				<form class="search_form" action="#" method="post">
					<input type="submit" name="" value="" id="search_btn"  />
					<input type="text" name="" value="输入订单号/买家名等……" onblur="if(this.value==''){this.value='输入订单号/买家名等……'}" onfocus="if(this.value == '输入订单号/买家名等……') this.value='';" id="search_txt" />
					<input type="date" value="2017-03-15" id="time_picker1"/>
					<span style="float:right; margin: 8px 5px">-</span>
					<input type="date" value="2017-03-15" id="time_picker2"/>
				</form>
			</div>
      <table class="table table-bordered table-striped">
        <thead>
          <tr>
            <th>#</th>
						<th>订单号</th>
            <th>买家名</th>
            <th>
							<select class="lunch selectpicker" data-live-search="true">
								<option>全部型号</option>
								<option>小米Note2版床垫</option>
								<option>iPhone9版床垫</option>
							</section>
						</th>
            <th>地址</th>
						<th>
							<select class="lunch selectpicker" data-live-search="true">
								<option>全部订单</option>
								<option>待支付</option>
								<option>待收货</option>
								<option>已关闭</option>
								<option>已完成</option>
							</section>
						</th>
            <th>操作</th>
          </tr>
          <tbody>
            <tr>
              <th scope="row">1</th>
							<td>2588023566379427</td>
              <td>雷军</td>
              <td>小米Note2</td>
              <td>北京市海淀区清河中街68号</td>
							<td>已关闭</td>
              <td><div style="cursor:pointer">详情</div> <div style="cursor:pointer">编辑</div> <div  style="cursor:pointer">删除</div></td>
            </tr>
            <tr>
              <th scope="row">2</th>
							<td>2583728383829427</td>
              <td>乔布斯</td>
              <td>iPhone9</td>
              <td>Apple 1 Infinite Loop Cupertino, CA 95014</td>
							<td>已完成</td>
              <td><div style="cursor:pointer">详情</div> <div style="cursor:pointer">编辑</div> <div style="cursor:pointer">删除</div></td>
            </tr>
          </tbody>
        </thead>
      </table>
		</div>
	</body>
</html>
